對於平面設計轉型網頁設計，
其實小妹認為最困難的一點，是我們要去習慣一件事：

所有東西擺放的位置，都是要用Code去推出來的。

最常用到的是margin（外距）與padding（內距）

html, body {
  padding: 0px;
  margin: 0px;
}

（只是想試試看Markdown的語法XD）

一般平面設計在製作設計稿時，
都是AI或PS打開，開新檔案，設定紙張大小與RGB/CMYK模式，然後就開始工作。
我們習慣給自己一個紙張大小的限制，在這個限制之下製作設計稿。
並且把想要的東西擺在想要的位置，才開始調整字型與顏色等等。

但網頁設計不是，網頁設計是先把想要的內容全部放進去後，
開始調整所有視覺呈現方式，慢慢推外距與內距到想要的位置，
最後才給整個網頁一個限制的大小。

說起來很像，卻也完全不一樣。
光是限制大小這件事，對小妹來說就非常難以習慣
我們習慣先固定長寬高去設計，但網頁常常是一整長條的設計，
再經過Code去控制可以顯示的範圍。

畢竟AI不需要寫數值，也不需要去推距離，
因為滑鼠一拉一放、方向鍵連按調整，全選對齊置中，東西就過去了。
對於每個東西的擺放位置，都需要用margin與padding去設定調整，
小妹還需要花點時間習慣阿阿阿阿阿（抱頭
常常到了最後看到網頁白邊，才發現我又忘記設定了